@font-face{font-family: 'DinReg';font-style: normal;font-weight: normal;src: url('../font/DINPro-Regular.otf') format('opentype');}
@font-face{font-family: 'DinEng';font-style: normal;font-weight: normal;src: url('../font/DINEngschriftStd.otf') format('opentype');}
@font-face{font-family: 'Pacifico';font-style: normal;font-weight: normal;src: url('../font/Pacifico.ttf') format('truetype');}
*{margin:0;padding:0;outline:none;resize: none;cursor: default;}
html, body{padding:0; margin:0;}
#cache{display:none;}
body{background:url(../imgs/body.png) fixed;overflow-x:hidden;overflow-y: hidden;}
header{width:1142px;height:140px;margin:36px 0 0 -571px;background:url(../imgs/header.png) no-repeat left 46px;position:absolute;left:50%;}
header menu{list-style: none;padding:46px 0 0 40px;}
header menu li{display:block;float:left;width:190px;text-align: center;padding-top:3px;}
header menu li.separator{width:7px;height:35px;background:url(../imgs/menu_separator.png) no-repeat left 23px;}
header menu li.logo{width:250px;margin-top:-46px;margin-left:3px;height:144px;}
header menu a{font-family: Pacifico, serif;font-size:24px;color:#9e9f9f;text-decoration: none;cursor:pointer;}
.scene{position:absolute;left:50%;margin-left:-573px;width:1146px;}
.scene.scrolldown{z-index:98;height:455px;top:290px;}
.scene.scrolldown .background{position:absolute;width:100%;height:378px;background:url(../imgs/sd.background.png) no-repeat center top;top:0;}
.scene.scrolldown .a1{position:absolute;width:59px;height:32px;background: url(../imgs/sd.arrow1.png) no-repeat left top;top:391px;left:50%;margin-left:-30px;}
.scene.scrolldown .a2{position:absolute;width:87px;height:48px;background:url(../imgs/sd.arrow2.png) no-repeat left top;top:405px;left:50%;margin-left:-44px;}
.scene.skills{top:420px;overflow:visible;height:0/*806px*/;background:url(../imgs/dotted.png) repeat-y center top;padding-top:80px;}
.scene.skills>div{padding-top:65px;height:81px;color:#e57561;text-transform: uppercase;font-family: DinReg, sans-serif;position:relative;}
.scene.skills>div>div.big_top{position:absolute;background:url(../imgs/top_big_arrow.png) no-repeat;width:75px;height:41px;top:-20px;left:50%;margin-left:-37px;}
.scene.skills>div>div.big_right{position:absolute;background:url(../imgs/right_big_arrow.png) no-repeat;width:41px;height:75px;top:39px;left:50%;margin-left:3px;}
.scene.skills>div>div.little_top{position:absolute;background:url(../imgs/top_little_arrow.png) no-repeat;width:19px;height:12px;left:50%;margin-left:-9px;top:60px;}
.scene.skills>div>div.little_left{position:absolute;top:68px;left:50%;margin-left:-16px;background:url(../imgs/left_little_arrow.png) no-repeat;width:12px;height:19px;}
.scene.skills>div>div.little_right{position:absolute;top:68px;left:50%;margin-left:3px;background:url(../imgs/right_little_arrow.png) no-repeat;width:12px;height:19px;}
.scene.skills>div.lvl_2{font-size:20px;padding-top:62px;height:84px;}
.scene.skills>div.lvl_3{font-size:25px;padding-top:60px;height:86px;}
.scene.skills>div.lvl_4{font-size:35px;padding-top:55px;height:91px;}
.scene.skills>div.lvl_5{font-size:40px;padding-left:296px;padding-top:49px;height:97px;}
.scene.skills>div.lvl_1.even{padding-right:356px;font-size:17px;padding-top:65px;height:81px;}
.scene.skills>div.lvl_2{padding-left:391px;}
.scene.skills>div.lvl_3.even{padding-right:371px;}
.scene.skills>div.lvl_4.even{padding-right:290px;}
.scene.skills>div.even{text-align: right;}
.scene.about{top:1450px;height:840px;}
.scene.about .brigitte{background: url(../imgs/about.background.png) no-repeat left bottom;height:740px;position:relative;margin-left:145px;margin-top:132px;}
.scene.about .arrow{position:absolute;width:100px;height:100px;background:url(../imgs/about.triangles.png) no-repeat;}
.scene.about .arrow.above{z-index:8;}
.scene.about .arrow.below{z-index:2;}
.scene.about .arrow.a1{top:220px;left:-60px;}
.scene.about .arrow.a1.above{background-position:left -106px;width:76px;height:56px;}
.scene.about .arrow.a1.below{background-position:left -162px;width:76px;height:50px;}
.scene.about .arrow.a2{top:160px;left:-80px;}
.scene.about .arrow.a2.above{background-position:-115px -27px;width:79px;height:26px;}
.scene.about .arrow.a2.below{background-position:-115px top;width:79px;height:27px;top:156px;}
.scene.about .arrow.a3{top:30px;left:-30px;width:60px;height:106px;}
.scene.about .arrow.a3.above{background-position:left top;}
.scene.about .arrow.a3.below{background-position:-60px top;width:56px;left:-26px;}
.scene.about .arrow.a4{top:40px;left:50px;width:8px;height:62px;}
.scene.about .arrow.a4.above{background-position:-355px top;}
.scene.about .arrow.a4.below{background-position:-363px top;top:36px;left:51px;}
.scene.about .arrow.a5{top:14px;left:90px;height:86px;}
.scene.about .arrow.a5.above{background-position:-194px top;width:80px;}
.scene.about .arrow.a5.below{background-position:-274px top;width:81px;top:10px;left:92px;}
.scene.about .arrow.a6{top:54px;left:125px;width:103px;height:82px;}
.scene.about .arrow.a6.above{background-position:-77px -107px;}
.scene.about .arrow.a6.below{background-position:-180px -107px;top:51px;left:129px;}
.scene.about .arrow.a7{top:154px;left:135px;width:66px;}
.scene.about .arrow.a7.above{background-position:-289px -110px;height:22px;}
.scene.about .arrow.a7.below{background-position:-289px -131px;height:23px;}
.scene.about .arrow.a8{top:220px;left:125px;width:78px;height:45px;}
.scene.about .arrow.a8.above{background-position:-355px -65px;}
.scene.about .arrow.a8.below{background-position:-355px -110px;}
.scene.about h3{position:absolute;width:100%;font-family: Pacifico, serif;font-size:47px;color: #417e9a;background:url(../imgs/about.h3.png) no-repeat 3px 45px;text-align: center;text-shadow: 1px 1px 1px #265a72;}
.scene.about>div.content{position:absolute;top:115px;width:625px;margin:0 0 0 510px;color:#707172;font-family: DinReg, sans-serif;position:absolute;}
.scene.about>div.content h1{font-family: Pacifico, serif;font-size:70px;color:#424241;width:539px;text-align: right;margin-bottom:-10px;}
.scene.about>div.content h4{font-family: DinReg, sans-serif;font-weight: normal;font-size:24px;color:#70b3d3;text-align: right;width:539px;}
.scene.about>div.content h4.current{margin-bottom:30px;}
.scene.about>div.content p{font-size:19px;margin-bottom:30px;text-align: center;font-family: DinReg, sans-serif;color:#424241;}
.scene.about>div.content span{font-size:22px;font-style: italic;}
.scene.about>div.content button{display:block;margin:0 auto;cursor:pointer;border:none;background:#265a72;border-radius:4px;box-shadow:0 3px 4px rgba(0, 0, 0, .3);padding:12px 0;}
.scene.about>div.content button:active{padding-bottom: 11px;margin-top:1px;}
.scene.about>div.content button span{cursor:pointer;border-radius:4px;background:#417e9a url(../imgs/about.button.png) no-repeat 10px 15px;padding:11px 10px 7px 29px;font-size: 16px;color:#e2e3e5;font-family: DinReg, sans-serif;text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);}
.scene.about>div.content .cv{margin-top:49px;padding-left:155px;}
.scene.about>div.content .cv button{float:left;margin-left:65px;}
.scene.about>div.content #skills{height:145px;margin-top:10px;}
.scene.about>div.content .skill{width:112px;height:145px;position:relative;float:left;margin-right:13px;}
.scene.about>div.content .skill canvas{position:absolute;top:0;left:0;}
.scene.about>div.content .skill .value{position:absolute;text-align: center;width:112px;top:22px;font-family: Pacifico, serif;font-size:35px;}
.scene.about>div.content .skill .value span{font-size:21px;}
.scene.about>div.content .skill .name{font-family: DinReg, sans-serif;font-size:15px;color:#424241;width:112px;text-align: center;position:absolute;bottom: 0;}
.scene.portfolio{top:2380px;height:2105px;;width:100%;left:0;margin-left:0;background:url(../imgs/portfolio.background.png);margin-top:7px;}
.scene.portfolio .spikes{height:7px;width:100%;margin-top:-7px;background:url(../imgs/portfolio.spike.png) repeat-x;}
.scene.portfolio .content{width:1205px;padding-top:75px;position: absolute;left: 50%;margin-left: -602px;}
.scene.portfolio .content h3{width:1145px;margin:0 auto 45px;font-family: Pacifico, serif; font-size:47px;color:#eeeeee;background:url(../imgs/portfolio.h3.png) no-repeat 0 45px;text-align: center;text-shadow: 2px 2px 1px #aa5062;}
.scene.portfolio .content>div{position:relative;background:url(../imgs/portfolio.div.png) no-repeat center top;width:1205px;height:35px;padding-top:10px;margin-bottom: 112px;}
.scene.portfolio .content>div h4{cursor:pointer;position:absolute;z-index: 99;background:url(../imgs/portfolio.h4.png) no-repeat;width:350px;height:49px;padding-top:10px;color:#777777;font-weight:400;font-family:Dosis, sans-serif;text-align: center;font-size:14px;text-transform: uppercase;left:50%;margin-left:-175px;}
.scene.portfolio .content>div.open{height:723px;}
.scene.portfolio .content>div>div.mask{width:1205px;position:absolute;height:0;z-index:89;margin-top:32px;overflow:hidden;padding-left:30px;}
.scene.portfolio .content>div.open>div.mask{position:absolute;height:723px;}
.scene.portfolio .content>div.open>div.mask .arrows{position:absolute;top:350px;}
.scene.portfolio .content>div.open>div.mask .arrows div{font-family:DinReg, sans-serif;color:#ffffff;padding-top:25px;;position:absolute;width:68px;height:43px;border-radius: 34px;background:#a0384c no-repeat center center;font-size:15px;}
.scene.portfolio .content>div.open>div.mask .arrows div:hover{cursor:pointer;}
.scene.portfolio .content>div.open>div.mask .arrows .next{margin-left:1110px;padding-left:45px;width:23px;background-image:url(../imgs/right_arrow.png);background-position:42px center;}
.scene.portfolio .content>div.open>div.mask .arrows .previous{margin-left:-28px;padding-left:10px;width:58px;background-image:url(../imgs/left_arrow.png);background-position:13px center;}
.scene.portfolio .content>div>div.mask>div.frame{width:1141px;height:711px;padding:2px;background:#a0384c;box-shadow: 4px 4px 5px rgba(0, 0, 0, .4);}
.scene.portfolio .content>div>div.mask>div.frame ul{list-style: none;position:absolute;}
.scene.portfolio .content>div>div.mask>div.frame>div{width:1141px;height:711px;background:url(../imgs/work.background.png);}
.scene.portfolio .content>div>div.mask>div.frame ul:last-child{top:670px;text-align: center;width:1141px;}
.scene.portfolio .content>div>div.mask>div.frame ul:last-child li{display:inline;width:7px;border-radius: 4px;background:#ffffff;line-height: 7px;height:7px;font-size: 7px;padding:0 3px;}
.scene.portfolio .content>div>div.mask>div.frame ul:last-child li:hover{cursor:pointer;}
.scene.portfolio .content>div>div.mask>div.frame ul:last-child li.current{background:#000000;}
.scene.contact{top:3635px;height:1510px;padding-top:595px;}
.scene.contact .dotted{width:4px;height:590px;background: url(../imgs/dotted.bis.png) repeat-y left top;margin-left:-2px;position:absolute;top:0;left:50%;}
.scene.contact h4{width:381px;height:450px;background:url(../imgs/contact.h4.png) no-repeat;margin:0 auto;}
.scene.contact p,.scene.contact h3{color:#50b69e;text-align: center;font-family: Dosis, sans-serif;font-weight: 400;font-size:20px;}
.scene.contact h3{font-size:30px;margin-top:45px;}
.scene.contact p{margin-bottom: 69px;}
.scene.contact p.form{width:542px;margin:0 auto;}
.scene.contact p label{font-size:18px;display:block;text-align: left;padding-left:10px;margin-bottom: 9px;}
.scene.contact p input[type="text"], .scene.contact p textarea{cursor:text;display:block;margin-bottom: 22px;padding:5px;width:526px;border:none;border-top:2px solid #d6d6d6;border-left:1px solid #d6d6d6;background:#ffffff;font-family: DinReg, sans-serif;font-size:14px;}
.scene.contact p input{height:33px;}
.scene.contact p textarea{height:105px;}
.scene.contact p button{cursor:pointer;border:none;background:#2a826d;border-radius:3px;box-shadow:0 3px 4px rgba(0, 0, 0, .3);padding:12px 0;}
.scene.contact p button:active{padding-bottom: 11px;margin-top:1px;}
.scene.contact p button span{cursor:pointer;border-radius:3px;background:#50b69e;padding:12px 50px 7px 50px;font-size: 18px;color:#e2e3e5;font-family: DinBold, sans-serif;text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);}
.scene.contact a.top{display:block;width:180px;height:180px;margin:67px auto 0;cursor:pointer;}
.scene.contact a.top canvas{cursor:pointer;}

menu.second{list-style: none;position:fixed;z-index: 99;left:50%;margin-left:615px;top:50%;margin-top:-67px;}
menu.social li a, menu.second li a{overflow:hidden;height:30px;display:block;width:30px;border-radius: 15px;background:#707172;margin-bottom: 6px;}
menu.social li a span.over, menu.second li a span.over{margin-top:-30px;width:30px;height:30px;border-radius: 15px;cursor:pointer;background:#cc7562;display: block;}
menu.social li a span.pic, menu.second li a span.pic{cursor:pointer;width:30px;height:30px;position:absolute;top:0;left:0;background:url(../imgs/menu.second.png) no-repeat left top}
menu.social li a:hover span.over,
menu.social li a.current span.over,
menu.second li a:hover span.over,
menu.second li a.current span.over
{margin-top:0;}
menu.second li a[href^="#home"] span.pic{background-position:left 0;}
menu.second li a[href^="#about"] span.pic{top:36px;background-position:left -30px;}
menu.second li a[href^="#about"] span.over{background:#417e9a;}
menu.second li a[href^="#portfolio"] span.pic{top:72px;background-position:left -60px;}
menu.second li a[href^="#portfolio"] span.over{background:#c05b6e;}
menu.second li a[href^="#contact"] span.pic{top:108px;background-position:left -90px;}
menu.second li a[href^="#contact"] span.over{background:#50b69e;}

menu.social {list-style: none;position: absolute;top:68px;right:0;}
menu.social li{display:inline;}
menu.social li a{background:#7b7b7b;float:left;position:relative;margin-left:12px;}
menu.social li a span.pic{background-image:none;}
menu.social li a.pinterest span.over{background:#d45151;}
menu.social li a.linkedin span.over{background:#417e9a;}
menu.social li a.viadeo span.over{background:#d79835;}
menu.social li a.flicker span.over{background:#ce5b83;}
menu.social li a.pinterest span.pic{background:url(../imgs/pinterest.png) no-repeat center center;}
menu.social li a.linkedin span.pic{background:url(../imgs/linkedin.png) no-repeat center center;}
menu.social li a.viadeo span.pic{background:url(../imgs/viadeo.png) no-repeat center center;}
menu.social li a.flicker span.pic{background:url(../imgs/flickr.png) no-repeat center center;}

menu.social,
menu.social li a,
menu.social li a span,
menu.second,
menu.second li a span,
.scene.skills,
.scene.skills>div,
.scene.skills>div>div.little_top,
.scene.skills>div>div.little_right,
.scene.skills>div>div.little_left,
.scene.skills>div>div.big_top,
.scene.skills>div>div.big_right,
.scene.about h3,
.scene.about .brigitte,
.scene.about>div.content,
.scene.about>div.content h1,
.scene.about>div.content h4,
.scene.about .arrow,
.scene.portfolio,
.scene.portfolio .content>div,
.scene.portfolio .content>div>div.mask,
.scene.contact .dotted,
#contact,
.scene.scrolldown,
.scene.scrolldown .a1,
.scene.scrolldown .a2
{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}


#loader{position:fixed;width:100%;height:100%;top:0;left:0;background:#ffffff url(../imgs/loader.gif) no-repeat center center;z-index: 151;}